@media (min-width: 1080px){

}

body{
	background-color: #f9ebc8
}

a:hover{
	text-decoration:none
}

#head{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
	background-color: #fff
}

.navbar-default{
	background-color: #01847f;
	border: solid 1px #01847f;
	padding-left: 0px;
	border-radius: 0;
	margin-bottom: 0
}

.navbar-default .navbar-header{
	float: left;
	margin-left: -5px;
}

.navbar-default .navbar-header a{
	width: 100%;

	color: #fff
}

.navbar-default button{
	margin-right: 20px;
	margin-top: 8px;
	float: right;
}

#left{
	position: absolute;
	top: 52px;
	bottom: 0;
	background-color: #233445;
	width: 80px;
	overflow-y:auto
}

#left .left-head{
	color: #fff;
	width: 80px;
	text-align: center;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	font-family: inherit;
	background-color: #5cb85c;
	margin-bottom: 20px
}

.col-md-12{
	padding: 0
}

#left .left-head span{
	margin-right: 10px
}

#left .container{
	color: #6d7e8e;
	width: 80px
}

#left .container .row{
	padding: 0;
	margin-top: 30px;
	width: 80px;
	cursor: pointer;
	font-size: 10px;
	height: 55px
}

#left .container .row span{
	font-size: 25px;
	margin-left: 27px;
	margin-top: 10px
}

#left .container .row p{
	margin-top: 5px;
	font-size: 10px;
	text-align: center;
}

#left .container .act{
	color: #e1e5e9;
	
}

#left .container .row a{
	color: #6d7e8e;
}

#left .container .row a:hover{
	color: #e1e5e9
}

#right{
	position: absolute;
	right: 0;
	bottom: 0;
	top: 52px;
	left: 80px;
	overflow-y:auto
}

#right .right-head{
	height: 36px;
	background-color: #fff
}

#right .con{
	width: 100%;
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 10px
}

#right .row .row{
	margin-top: 20px;
	font-size: 20px
}


#right .row .row .control-label{
	text-align: right;
	font-size: 15px;
	line-height: 1.8;
	color: #656565
}

#right .row .row .glyphicon-user{
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	background-color: #e1e5e9;
	color: #fff;
	font-size: 40px
}

#row-from{
	display: none;
}

#right .row .row form{
	font-size: 15px;
	color: #ccc;
	padding-left: 10px;
	padding-right: 10px
}



#right .con .container .row .panel .from-top{

	padding-bottom: 20px;

	height: 15px;
	font-size: 20px
}

@media (min-width: 768px) {
	#right .con .container .row .panel .from-top{
		text-align: center;
	}

}

@media (max-width: 768px) {
	#right .con .container .row .panel .from-top{
		text-align: left;
		margin-left: 15px
	}

}

#right .con .container .row .panel .col-lg-12{
	text-align: center;
	float: left;
	height: 15px;
	font-size: 20px
}

#right .con .container .row .panel form label{
	color: #656565
}

#right .con .container .row .panel form .form-group{
	margin-top: 30px
}

#right .con .container .row .panel .col-lg-6 div{
	height: 0px
}

#right .con .container .row .panel .col-lg-2 button{
	margin-top: 2px
}

#right .con .container .row .panel #alt-red{
	color: #d9534f;
	font-size: 14px;
	position: absolute;
	top: 35px;
	left: 20px;
	display: none;
}


@media (min-width: 848px) {
	.container {
		width: 750px;
	}
}
@media (min-width: 1072px) {
	.container {
		width: 970px;
	}
}
@media (min-width: 1280px) {
	.container {
		width: 1170px;
	}
}

#right .container .row .panel-body table th{
	text-align: center;
}

#right .container .row .panel-body table{
	font-size: 15px;
	text-align: center;
	padding: 0
}


.caption span{
	font-size: 15px;
	line-height: 1px
}

.caption .money{
	color: red;
	margin-top: -2px;
	font-size: 20px
}

.caption .la{
	color: #f0ad4e
}

.caption .fen{
	color: #5cd85c
}

.col-xs-6, .col-md-3{
	
}

#right .con .container .money button{
	float: right;
	margin-right: 5px
}

#right .con .container .pan-head{
	width: 100%;
	height: 55px;
	position: relative;
}

#right .con .container .pan-head .pan-headB{
	float: right;
	position: absolute;
	right: 10px;
	top: 3px

}

@media (min-width: 768px) {
	#right .con .container .pan-head p{
		text-align: center;
	}

}

@media (max-width: 768px) {
	#right .con .container .pan-head p{
		text-align: left;
		margin-left: 15px
	}

}

#right .con .container .pan-head p{
	height: 15px;
	font-size: 20px;
	margin-top: 5px
}

#referee{
	display: none;
}

#people{
	display: none;
}

#new-adress{
	display: none;
}

#bill1{
	display: none;
}
#bill2{
	display: none;
} 